<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$item.order_number}</title>
    <style>
        body{text-align: center;}
        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
        ul,li{ list-style: none;}
        li{ display: inline-block; line-height: 30px;}
    </style>
</head>
<div class="print">
    <style>
        body{text-align: center;}
        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
        ul,li{ list-style: none;}
        li{ display: inline-block; line-height: 30px;}
    </style>
    <div class="table-c" id="printArea">
        <table border="0" cellspacing="0" cellpadding="0">
            <thead></thead>
            <tbody>
            <tr>
                <td>会员卡</td>
                <td>{$item.title}</td>
                <td>订单编号</td>
                <td>{$item.order_number}</td>
            </tr>
            <tr>
                <td>服务门店</td>
                <td>{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</td>
                <td>下单/退款 时间</td>
                <td>{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td>
            </tr>
            <tr>
                <td>{in name="$item.order_type" value="1,3"}买家账号{else/}用户账号{/in}</td>
                <td>{$item.username}</td>
                <td>车牌号</td>
                <td class="jia_td">
                    <span style="display: none;">131</span>
                    {notempty name="$item.car_number"}{$item.car_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" class="jia_add_int" type="text"/>{/notempty}
                </td>
            </tr>
            <tr>
                <td>品牌型号</td>
                <td>{notempty name="$item.brand_number"}{$item.brand_number}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>
                <td>车辆识别码</td>
                <td>{notempty name="$item.id_code"}{$item.id_code}{else}<input style="width: 100%;height: 100%; font-size: 16px; border: none;text-align: center" type="text"/>{/notempty}</td>
            </tr>
            <tr>
                <td>服务金额</td>
                <td>{$item.amount}</td>
                <td>备注</td>
                <td>{$item.explain}</td>
            </tr>
            {eq name="$item.single_id" value="11"}
            <tr>
                <td>轮胎寄存时间</td>
                <td>{$item.start_time}</td>
                <td>{$item.end_time}</td>
                <td></td>
            </tr>
            {/eq}

            <tr class="service_people">

                <td >服务人员提成</td>


                <td colspan="">{$item.name}</td><td colspan="">{$item.cat_name}>>{$item.one_cat}</td><td colspan="">{$item.price}</td>

            </tr>

            </tbody>
        </table>
    </div>

</div>

<button type="button"  class="btn btn-danger" id="sp">隐藏服务人员提成</button>
<button type="button"  class="btn btn-danger" id="btnPrint">打印订单</button>
<script src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script src="/jquery.PrintArea.js" type="text/JavaScript" language="javascript"></script>

<script>
//    $("#sp").click(function(){
//        $('.service_people').toggle();
//
//    });
//var a =$.getScript("/get.js");
//console.log(a);
function haha() {
//    window.onload = function () {
//    var a =$.getScript("/jquery.PrintArea.js");
//    //alert(a);
//    };
}
$(document).ready(function(){
    $("#sp").toggle(
        function(){
            //$(".service_people").css("background-color","green");},
            $(".service_people").attr("style","display:none");
            $(this).text('隐藏服务人员提成');
            },
        function(){
            $(".service_people").removeAttr("style");
            $(this).html('显示服务人员提成');
            //$(".service_people").css("background-color","red");
        }

//            ,
//        function(){
//            $("body").css("background-color","yellow");}
        );
});

$("#btnPrint").click(function () {
    $(".print").printArea();
});
//window.onload = function () {
//    $("#btnPrint").on('click', function () {
//        $(".print").printArea();
//    });
//};


</script>
</body>
<style>
    body{text-align: center;}
    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
    ul,li{ list-style: none;}
    li{ display: inline-block; line-height: 30px;}
</style>
</html>
<style>
    body{text-align: center;}
    .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
    .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
    .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
    .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
    ul,li{ list-style: none;}
    li{ display: inline-block; line-height: 30px;}
</style>
<!--<script>-->
    <!--$(".jia_td").click(function(){-->
        <!--$(".jia_add_int").show();-->
        <!--$(".jia_add_int").prev().hide();-->
        <!--$(".jia_add_int").focus();-->
    <!--});-->
    <!--$(".jia_add_int").change(function(){-->
<!--//        console.log($(this).val());-->
        <!--var a = ($(this).val());-->
        <!--$(this).prev().text(a);-->
    <!--});-->
    <!--$(".jia_add_int").blur(function () {-->
        <!--$(".jia_add_int").hide();-->
        <!--$(this).prev().show();-->
    <!--})-->
<!--</script>-->
